/* -------------------------------------------

	Name: 		App ollo
	Author:		"Miller Themes" Nazar Miller
    Support:    miller.themes.inbox@gmail.com
	   		   
--------------------------------------------- */

.preloader,
.download,
.video,
.stats,
.features .future h4 i,
header,
.theme-background,
.team-item,
.panel-heading,
.waves .circle,
.scrolled,
.blog-item,
.color,
.optimal,
.masc,
.header-masc,
.pagination .active a {
    background: linear-gradient(45deg, hsla(359, 97%, 45%, 1) 0%, hsla(359, 97%, 45%, 0) 70%),
    linear-gradient(135deg, hsla(359, 91%, 66%, 1) 10%, hsla(359, 91%, 66%, 0) 80%),
    linear-gradient(225deg, hsla(359, 91%, 41%, 1) 10%, hsla(359, 91%, 41%, 0) 80%),
    linear-gradient(315deg, hsla(359, 97%, 44%, 1) 100%, hsla(359, 97%, 44%, 0) 70%);
}

@media (max-width: 992px) {
    .navbar,
    .navbar-collapse {
        background: linear-gradient(45deg, hsla(359, 97%, 45%, 1) 0%, hsla(359, 97%, 45%, 0) 70%),
        linear-gradient(135deg, hsla(359, 91%, 66%, 1) 10%, hsla(359, 91%, 66%, 0) 80%),
        linear-gradient(225deg, hsla(359, 91%, 41%, 1) 10%, hsla(359, 91%, 41%, 0) 80%),
        linear-gradient(315deg, hsla(359, 97%, 44%, 1) 100%, hsla(359, 97%, 44%, 0) 70%);
    }
}

h4 .color {
    background-color: hsla(359, 97%, 45%, 1);
}

::-webkit-scrollbar-thumb {
    background: hsla(359, 97%, 45%, 1);
}

/*** transparent gradient ***/

.header-masc,
.masc {
    background: linear-gradient(45deg, hsla(359, 97%, 45%, .5) 0%, hsla(359, 97%, 45%, 0) 70%),
    linear-gradient(135deg, hsla(359, 91%, 66%, .5) 10%, hsla(359, 91%, 66%, 0) 80%),
    linear-gradient(225deg, hsla(359, 91%, 41%, .5) 10%, hsla(359, 91%, 41%, 0) 80%),
    linear-gradient(315deg, hsla(359, 97%, 44%, .5) 100%, hsla(359, 97%, 44%, 0) 70%);
}
